<script setup>
import {ref, reactive, onMounted} from "vue";
import {useRoute, useRouter} from "vue-router";
import {ElMessage} from "element-plus";
import html2pdf from "html2pdf.js";

import {getContractDetails, editContractDetails, getProvince} from "@/apis/order.js";

const route = useRoute();
const router = useRouter();
const orderId = route.query.id;
const pdfName = ref("myfile.pdf");
const dialogFormVisible = ref(false);
const form = reactive({
  key: "",
  value: "",
  isIndex: false, //列表索引
  // isKey:'',//列表对象key值
});
const contractInfo = ref();
const contactDetailList = ref([]); //服务类别数组1

for (let i = 1; i <= 7; i++) {
  contactDetailList.value.push({
    serverType: "",
    deductible: "",
    serverMoney: "",
    serverCharge: "",
  });
}

/* 注释补充：
回显和修改对象都是这个
*/
const contractItems = ref({
  serverName: "" /* ---------------- */,
  idCard: "",
  orderNo: "",
  province: "",
  telephoneNumber: "",
  address: "",
  carNumber: "",
  modelNumber: "",
  account: "",
  engineNumber: "", // 车牌号
  power: "",
  loadWeight: "", // 车架号
  carCategory: "",
  carCharacter: "",
  loadNumber: "",
  carPrice: "",
  serviceAge: "",
  serviceMoney: "",
  moneyTotalSmall: "",
  serviceBeginDate: "",
  serviceBeginEnd: "",
  item_17: "",
  item_18: "",
  item_19: "",
  item_20: "",
  item_21: "",
  item_22: "",
  item_23: "",
  item_24: "",
  item_25: "",
  item_26: "",
  item_27: "",
  item_28: "",
  item_29: "",
  item_30: "",
  item_31: "",
  item_32: "",
  item_33: "",
  item_34: "",
  item_35: "",
  item_36: "",
  item_37: "",
  item_38: "",
  item_39: "",
  item_40: "",
  item_41: "",
  item_42: "",
  item_43: "",
  item_44: "",
  item_45: "",
  item_46: "",
  item_47: "",
  item_48: "",
  item_49: "",
  item_50: "",
});

//双击事件，接收对应上方的label（或者说是key值）
const dblclickCell = (data, isIndex = false) => {
  // if (isIndex !== false) {
  //   form.isIndex = isIndex;
  // }else{
  //   form.isIndex = isIndex;
  // }
  dialogFormVisible.value = true;
  for (let key in data) {
    console.log(data, key, "-----------------");
    form.key = key;
    form.value = data[key];
    form.isIndex = isIndex;
  }
  console.log(form, form.value, "//////////////////");
};

//弹窗取消事件，设置回默认值
const onCancel = () => {
  dialogFormVisible.value = false;
  form.key = "";
  form.value = "";
};

//表单弹窗确认，更改表单
const onConfirm = () => {
  console.log(form.value, "form表单");

  if (form.value) {
    //处理时间选择器

    let key = form.key;
    if (form.isIndex !== false) {
      contactDetailList.value[form.isIndex][key] = form.value;
      console.log(contactDetailList.value, "contactDetailList");
    } else {
      // if (form.key == "registerNumber") {
      //   let date = new Date(form.value);
      //   let timestamp = date.getTime();
      //   contractItems.value[form.key] = timestamp;
      // } else {
      contractItems.value[form.key] = form.value;
      // }
    }
    editContract();
  } else {
    ElMessage({
      message: "修改内容不能为空.",
      type: "warning",
    });
  }

  console.log(form.key, "+++++++++++++++");
};
// 修改
const editContract = () => {

  let obj = {
    ...contractItems.value,
    contactDetailList: contactDetailList.value, //对象数组参数
    orderId: route.query.id,
  };
  // console.log(obj, "obj+++++++++++++++");
  editContractDetails(obj)
      .then((res) => {
        console.log(res, "修改合同");
        if (res.code === 0) {
          dialogFormVisible.value = false;
          ElMessage({
            message: "修改成功.",
            type: "success",
          });
          getContract();
        }
      })
      .catch((err) => {
        console.log(err, "修改合同");
      });
};

// 获取合同详情
const getContract = () => {
  getContractDetails(orderId)
      .then(({code, data}) => {

        contractInfo.value = data;
        contractItems.value = data;
        if (data.detailList.length > 1) {
          contactDetailList.value = [...data.detailList];
        } else {
        }
        pdfName.value = contractItems.value.carNumber;
      })
      .catch((err) => {
        console.log(err, "获取合同详情");
      });
};


const provinces = ref([]);
const getProvinceList = () => {
  getProvince().then((code,data) => {
    console.log(data)
    provinces.value = [...data];
  }).catch((err) => {

  })
}

let showDropdown = ref(false)
const toggleDropdown = () => {
  showDropdown.value = !showDropdown.value;
}
const
    selectProvince = (province) => {
      contractItems.value.province = province;
      showDropdown.value = false;
    }
//
const downloadPDF = async () => {
  const element = document.getElementById("contractContent");
  let pdfOptions = {
    margin: 15,
    filename: pdfName.value,
    image: {type: "jpeg", quality: 0.98},
    html2canvas: {
      scale: 4,
      useCORS: true, // 处理跨域问题
      allowTaint: true,
      logging: true, // 启用日志以便调试
    },
    jsPDF: {unit: "mm", format: "a4", orientation: "portrait"},
    pagebreak: {mode: ["avoid-all", "css", "legacy"], avoid: ".avoidThisRow"}, // 智能分页，防止图片被截断
  };
  try {
    await html2pdf().set(pdfOptions).from(element).save();
  } catch (error) {
    console.error(error);
  }
  // html2pdf().set(pdfOptions).from(document.body).save();
};
getContract();
getProvinceList();
// 时间过滤
const formatDate = (dateString, type = "date") => {
  const date = new Date(dateString);
  const year = date.getFullYear();
  const month = (date.getMonth() + 1).toString().padStart(2, "0");
  const day = date.getDate().toString().padStart(2, "0");
  const hours = date.getHours().toString().padStart(2, "0");
  const minutes = date.getMinutes().toString().padStart(2, "0");
  const seconds = date.getSeconds().toString().padStart(2, "0");
  if (type === "date") {
    return `${year}-${month}-${day}`;
  } else if (type === "time") {
    return `${hours}:${minutes}:${seconds}`;
  } else if (type === "datetime") {
    return `${year}-${month}-${day} ${hours}:${minutes}:${seconds}`;
  } else if (type === "年月日") {
    return `${year}年${month}月${day}日`;
  } else {
    return "2023年12月12日";
  }
};
const goBack = () => {
  router.back();
};
</script>

<template>
  <div class="about">
    <!--    按钮样式-->
    <div class="top-button">
      <el-button link size="small" type="primary" @click="goBack">返回</el-button>
      <el-button link size="small" type="success" @click="downloadPDF">下载PDF</el-button>
    </div>
    <div id="contractContent" class="print-content">
      <div style="width: 100%;height: 100%;font-size: 16px;position: relative;z-index: 9;">
        <div title="第一页" style="position: relative;z-index: 2">
          <div style="width: 100%;margin: 0 auto;position: relative">
            <div style="display: flex; justify-content: center;  align-items: center;">
              <div style="width:30%;font-size: 12px;font-weight: 400">
                <p style="font-size: 14px;font-weight: 400">投单验证码回填时间:</p>
                <p style="font-size: 14px;font-weight: 400">投单验证码回填时间:</p>
                <p style="font-size: 14px;font-weight: 400">投单验证码回填时间:</p>
              </div>
              <div style="width: 50%">
                <h2 style="text-align: center; font-size: 16px">
                  机动车商业安全保障单（电子正本）
                </h2>
              </div>
              <div style="width: 20%; text-align: right">
                <img src="/logo.jpg" alt="" srcset="" height="96"/>
              </div>

            </div>
            <!--              第二层logo和阳光财报-->
            <div style="display: flex; justify-content: center;  align-items: center;margin-top: -10px">
              <div style="width:40%;font-size: 12px;font-weight: 400">
                <img alt="logo" src="/logo.jpg" width="96"/>
              </div>
              <div style="width: 25%;text-align: center"><h1>阳光财保</h1></div>
              <div class="province-selector">
                <span @click="toggleDropdown" class="dropdown-toggle">限在{{ contractItems.province }}省销售</span>
                <div v-if="showDropdown" class="dropdown-content">
                  <div v-for="province in provinces" :key="province.name" @click="selectProvince(province.value)">
                    {{ province.name }}
                  </div>
                </div>
              </div>
            </div>

          </div>


          <div><p style="margin: 10px 0; font-size: 12px">
            鉴于投保障人已向被保障人提出投单申请，并同意按约定交付费用，被保障人依照承单保障内容条款和特别约定承担赔偿责任。
          </p></div>
          <table
              border="1"
              style="
                margin: 0 auto;
                border-collapse: collapse;
                border-color: black;
                border-width: thin;
                font-weight: bold !important;
              "
          >
            <tbody>
            <!-- 1 -->
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;">
                被保障人
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: left;
                      text-indent: 10vh;
                      font-size: 12px;
                    "
                  colspan="6"
                  @dblclick="
                      dblclickCell({ serverName: contractItems.serverName })
                    "
              >
                {{ contractItems.serverName }}
              </td>

            </tr>
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;">
                联系电话
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;"
                  colspan="2"
                  @dblclick="
                      dblclickCell({ telephoneNumber: contractItems.telephoneNumber })
                    "
              >
                {{ contractItems.telephoneNumber }}
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  colspan="2"
              >
                地址
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  colspan="2"
                  @dblclick="dblclickCell({ address: contractItems.address })"
              >
                {{ contractItems.address }}
              </td>
            </tr>
            <tr>
              <td
                  style="
                      min-width: 70px;
                      height: 25px;
                      text-align: left;
                      padding: 0 0 0 15px;
                      font-size: 12px;"
                  colspan="3"
              >
                身份证号/统一社会信用代码
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: left;
                      text-indent: 14vh;
                      font-size: 12px;"
                  colspan="4"
                  @dblclick="
                      dblclickCell({ idCard: contractItems.idCard })
                    "
              >
                {{ contractItems.idCard }}
              </td>

            </tr>
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                      writing-mode: vertical-lr;
                      text-orientation: upright;
                       white-space: nowrap;
                       letter-spacing: 0.5em;
                    "
                  rowspan="5"
              >
                被保障车辆
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                号码号牌
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  @dblclick="
                      dblclickCell({ carNumber: contractItems.carNumber })
                    "
              >
                {{ contractItems.carNumber }}
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                厂牌型号
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  colspan="3"
                  @dblclick="
                      dblclickCell({ modelNumber: contractItems.modelNumber })
                    "
              >
                {{ contractItems.modelNumber }}
              </td>
            </tr>
            <!-- 4 -->
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                VIN码/车架号
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  colspan="2"
                  @dblclick="
                      dblclickCell({ frameNumber: contractItems.frameNumber })
                    "
              >
                {{ contractItems.frameNumber }}
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                发动机号
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  colspan="2"
                  @dblclick="
                      dblclickCell({ engineNumber: contractItems.engineNumber })
                    "
              >
                {{ contractItems.engineNumber }}
              </td>
            </tr>
            <!-- 5 -->
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                初次登记日期
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  @dblclick="
                      dblclickCell({
                        registerNumber: contractItems.registerNumber,
                      })
                    "
              >
                {{ contractItems.registerNumber }}
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 70px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                排量/功率
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  @dblclick="dblclickCell({ power: contractItems.power })"
              >
                {{ contractItems.power }}
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                核定载质量
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  @dblclick="
                      dblclickCell({ loadWeight: contractItems.loadWeight })
                    "
              >
                {{ contractItems.loadWeight }}
              </td>
            </tr>
            <!-- 6 -->
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                车辆种类
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  @dblclick="
                      dblclickCell({ carCategory: contractItems.carCategory })
                    "
              >
                {{ contractItems.carCategory }}
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                使用性质
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  @dblclick="
                      dblclickCell({ carCharacter: contractItems.carCharacter })
                    "
              >
                {{ contractItems.carCharacter }}
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                核定载客
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  @dblclick="
                      dblclickCell({ loadNumber: contractItems.loadNumber })
                    "
              >
                {{ contractItems.loadNumber }}
              </td>
            </tr>
            <!-- 7 -->
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                新车购置价
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  @dblclick="
                      dblclickCell({ carPrice: contractItems.carPrice })
                    "
              >
                {{ contractItems.carPrice }}
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                行驶区域
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  @dblclick="
                      dblclickCell({ drivingArea: contractItems.drivingArea })
                    "
              >
                {{ contractItems.drivingArea }}
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                已使用年限
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  @dblclick="
                      dblclickCell({ serviceAge: contractItems.serviceAge })
                    "
              >
                {{ contractItems.serviceAge }}
              </td>
            </tr>
            <!-- 8 -->
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  colspan="3"
              >
                保障种类
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                不计免赔
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  colspan="2"
              >
                保障金额/责任限额（元）
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
              >
                保障费（元）
              </td>
            </tr>
            <!-- 9 -->
            <template v-if="true">
              <tr v-for="(item, index) in contactDetailList" :key="index">
                <td
                    style="
                        padding: 0 5px;
                        min-width: 60px;
                        height: 25px;
                        text-align: center;
                        font-size: 12px;
                      "
                    colspan="3"
                    @dblclick="
                        dblclickCell(
                          {
                            serverType: contactDetailList[index]?.serverType,
                          },
                          index
                        )
                      "
                >
                  {{ contactDetailList[index]?.serverType }}
                </td>
                <td
                    style="
                        padding: 0 5px;
                        min-width: 60px;
                        height: 25px;
                        text-align: center;
                        font-size: 12px;
                      "
                    @dblclick="
                        dblclickCell(
                          {
                            deductible: contactDetailList[index]?.deductible,
                          },
                          index
                        )
                      "
                >
                  {{ contactDetailList[index]?.deductible }}
                </td>
                <td
                    style="
                        padding: 0 5px;
                        min-width: 60px;
                        height: 25px;
                        text-align: center;
                        font-size: 12px;
                      "
                    colspan="2"
                    @dblclick="
                        dblclickCell(
                          {
                            serverMoney: contactDetailList[index]?.serverMoney,
                          },
                          index
                        )
                      "
                >
                  {{ contactDetailList[index]?.serverMoney }}
                </td>
                <td
                    style="
                        padding: 0 5px;
                        min-width: 60px;
                        height: 25px;
                        text-align: center;
                        font-size: 12px;
                      "
                    @dblclick="
                        dblclickCell(
                          {
                            serverCharge:
                              contactDetailList[index]?.serverCharge,
                          },
                          index
                        )
                      "
                >
                  {{ contactDetailList[index]?.serverCharge }}
                </td>
              </tr>
            </template>
            <!-- 16 -->
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  colspan="7"
              >
                <div
                    style="
                        display: flex;
                        justify-content: space-between;
                        padding: 0 5px;
                      "
                >
                      <span
                          style="
                          display: inline-block;
                          min-width: 50px;
                          cursor: pointer;
                        "
                          @dblclick="
                          dblclickCell({
                            moneyTotalLarge: contractItems.moneyTotalLarge,
                          })
                        "
                      >保障费合计(人民币大写):{{
                          contractItems.moneyTotalLarge
                        }}</span
                      >
                  <span
                      style="display: inline-block; min-width: 50px"
                      @dblclick="
                          dblclickCell({
                            moneyTotalSmall: contractItems.moneyTotalSmall,
                          })
                        "
                  >(￥: {{ contractItems.moneyTotalSmall }}元)</span
                  >
                </div>
              </td>
            </tr>
            <!-- 17 -->
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      font-size: 12px;
                      text-align: left;
                    "
                  colspan="7"
              >
                保障期间： 自
                <span
                    style="display: inline-block; min-width: 100px"
                    @dblclick="
                        dblclickCell({
                          serviceBeginDate: contractItems.serviceBeginDate,
                        })
                      "
                >{{ contractItems.serviceBeginDate }}时起</span
                >至<span
                  style="display: inline-block; min-width: 100px"
                  @dblclick="
                        dblclickCell({
                          serviceBeginEnd: contractItems.serviceBeginEnd,
                        })
                      "
              >{{ contractItems.serviceBeginEnd }}时止</span
              >
              </td>
            </tr>
            <!-- 18 -->
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  rowspan="2"
              >
                特别约定
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      font-size: 12px;
                      text-align: left;
                    "
                  colspan="6"
              >
                被保障人直接或间接缴纳保障费，保障人即视为被保障人已知晓保障合同规定的免除保障人责任条款的内容及法律后果。
              </td>
            </tr>
            <tr></tr>
            <!-- 19 -->
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      font-size: 12px;
                      text-align: left;
                    "
                  colspan="7"
              >
                争议解决方式：诉讼
              </td>
            </tr>
            <!-- 20 -->
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  rowspan="5"
              >
                重要提示
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      font-size: 12px;
                      text-align: left;
                    "
                  colspan="6"
              >
                1、本合同由保障条款、保障提示、保障单、保障批单和特别约定组成。<br/>
                2、收到本保障单、保障项目对应的保障条款后，请立即核对。如有不符或疏漏，请及时通知我司并办理变更或补充手续。<br/>
                3、请详细阅读保障种类相应的保障条款，特别是责任免除和责任处理。<br/>
                4、机动车因改装、加装、改变使用性质等导致危险程度显著增加以及转卖、转让、赠送他人的，应通知我司并办理变更手续。<br/>
                5、保障车辆发生交通事故应立即通知我司。<br/>
                6、车辆发生保障事故应当先由交强险部分赔偿，不足部分依本合同约定后进行补偿。<br/>
                7、被保障人直接或间接缴纳保障费，我司即视为被保障人已知晓保障合同规定所有内容且以阅读洁楚无异义以及免除我司责任条款的内容及法律后果。<br/>
                8、合同另有约定外，被保障人应当在本合同签订时一次性交清保障费，保障费未交清前，本合同不生效。
              </td>
            </tr>
            <tr></tr>
            <tr></tr>
            <tr></tr>
            <tr></tr>
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      text-align: center;
                      font-size: 12px;
                    "
                  rowspan="2"
              >
                公司
              </td>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      font-size: 12px;
                      text-align: left;
                    "
                  colspan="6"
              >
                <p>
                  <span>公司名称：阳光财保汽车服务有限公司</span>
                </p>
                <p>
                      <span
                      >地址：海南省海口市龙华区大同街道大同一横路1号老干部活动中心5楼502-D55室</span
                      >
                </p>
                <p style="display: flex; justify-content: space-between">
                  <span>邮编：570100</span>
                  <span></span>
                </p>
                <p style="display: flex; justify-content: space-between">
                  <span>全国统一客服电话：4009020150</span>
                  <!-- <span
                    >签单日期：{{ formatDate(orderInfo.updatedAt) }}</span
                  > -->
                  <span
                      style="
                          display: inline-block;
                          width: 200px;
                          position: relative;
                        "
                  >
                        保障人盖章：
                    <!--                        <img-->
                    <!--                          style="position: absolute; bottom: -30px; right: 10px"-->
                    <!--                          width="200"-->
                    <!--                          height="200"-->
                    <!--                          src="/cachet.png"-->
                    <!--                          alt=""-->
                    <!--                          srcset=""-->
                    <!--                        />-->
                      </span>
                </p>
              </td>
            </tr>
            <tr></tr>
            <!-- 22 -->
            <tr>
              <td
                  style="
                      padding: 0 5px;
                      min-width: 60px;
                      height: 25px;
                      font-size: 12px;
                      text-align: left;
                    "
                  colspan="7"
              >
                <div style="display: flex; justify-content: space-between">
                  <span>审核：自动审核</span> <span>制单：张强</span>
                  <span style="padding-right: 35px">经办：刘晴</span>
                </div>
              </td>
            </tr>
            </tbody>
          </table>
          <div style="width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 0;">
            <img src="/print.png" style="opacity: 0.1; width: 100%" alt="logo"/>
          </div>
        </div>
        <div title="第二页" style="position: relative">
          <div style="position: relative; z-index: 2">
            <p
                style="
                /* font-family: 宋体; */
                color: rgb(0, 0, 0);
                font-size: 24px;
                text-align: center;
              "
            >
              机动车综合交通安全服务条款
            </p>
            <br/>
            <p
                style="
                margin: 10px 0;
                font-size: 12px;
                text-align: center;
                font-weight: bold;
              "
            >
              特别提示：为了充分保障您的权益，请您仔细阅读本服务条款。
            </p>
            <p style="font-size: 16px; text-align: center; font-weight: bold">
              总 则
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              阳光财保汽车服务有限公司（下称“服务人”）系一家专注于提供道路交通安全统筹互助服务的公司，旨在为我司参加服务的机动车（下称“被服务人”）提供基础的交通风险防控服务。服务人非保险公司或其他保险组织，本合同不适用《中华人民共和国保险法》及相关司法解释的规定。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第一条本本服务条款分为主服务、附加服务。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              主服务包括机动车损失服务、机动车第三者责任服务、机动车车上人员责任服务共三个独立的服务种类，被服务人可以选择全部服务种类，也可以选择其中部分服务种类。服务人依照本合同的约定，按照服务种类分别承担服务责任。附加服务不能独立参加。附加服务条款与主服务条款相抵触的，以附加服务条款为准，附加服务条款未尽之处，以主服务筹条款为准。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第二条本服务合同中的被服务机动车是指在中华人民共和国境内(不含港、澳、台地区)行驶，以动力装置驱动或者牵引，上道路行驶的供人员乘用或者用于运送物品以及进行专项作业的轮式车辆(含挂车)、履带式车辆和其他运载工具。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第三条本服务合同中的第三者是指因被服务机动车发生意外事故遭受人身伤亡或者财产损失的人，但不包
              括被服务机动车本车车上人员、被服务人、本车所载的货物及被服务机动车因发生道路交通事故被抛出车外的车上人员。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第四条本服务合同中的车上人员是指发生意外事故的瞬间，在被服务机动车车体内的人员，不包括正在上下车的人员及在车上作业的人员。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第五条本服务合同中的各方权利和义务，由服务人、被服务人遵循公平原则协商确定。服务人、被服务人自愿订立本服务合同，未经服务人许可该合同权益不得转让，车辆过户必须通知服务人。除本服务合同另有约定外，被服务人应在服务合同成立时一次交清服务费。服务费未交清前，本服务合同不生效。
            </p>
            <br/>
            <p style="font-size: 16px; text-align: center">
              第一章机动车损失服务
            </p>
            <p style="font-size: 16px; text-align: center">服务责任</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第六条服务期间内，被服务人或被服务机动车驾驶人(以下简称“驾驶人”)在使用被服务机动车过程中，因自然灾害、意外事故造成被服务机动车直接损失，且不属于免除服务责任的范围，服务人依照本服务合同的约定负责互助补偿。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第七条服务期间内，被服务机动车被盗窃、抢劫、抢夺，经事件发生地县级以上公安刑侦部门立案证明，满60天未查明下落的全车损失，以及因被盗窃、抢劫、抢夺受到损坏造成的直接损失，且不属于免除服务人责任的范围，服务人依照本服务合同的约定负责互助补偿。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第八条发生服务事故时，被服务人或驾驶人为防止或者减少被服务机动车的损失所支付的必要的、合理的施救费用，由服务人承担；施救费用数额在被服务机动车损失补偿金额以外另行计算，最高不超过服务金额；
            </p>
          </div>
          <div
              style="
                        width: 100%;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                        z-index: 0;
                      "
          >
            <img src="/logo.png" alt="水印" style="opacity: 0.1; width: 100%"/>
          </div>
        </div>
        <div title="第三页" style="position: relative">
          <div style="position: relative; z-index: 2">
            <p style="font-size: 16px; text-align: center">责任免除</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第九条在上述服务责任范围内，下列情况下，不论任何原因造成被服务机动车的任何损失和费用，服务人均不负责服务补偿：
            </p>
            <p style="font-size: 12px">
              (一)事故发生后，被服务人或驾驶人故意破坏、伪造现场，毁灭证据；未经服务人或执法部门允许，被统服务人或其允许的驾驶人擅自离开现场；
            </p>
            <p style="font-size: 12px">(二)驾驶人有下列情形之一者：</p>
            <p style="font-size: 12px">1、交通肇事逃逸；</p>
            <p style="font-size: 12px">
              2、饮酒、吸食或注射毒品、服用国家管制的精神药品或者麻醉药品；
            </p>
            <p style="font-size: 12px">
              3、无驾驶证，驾驶证被依法扣留、暂扣、吊销、注销期间；
            </p>
            <p style="font-size: 12px">
              4、驾驶与驾驶证载明的准驾车型不相符合的机动车；
            </p>
            <p style="font-size: 12px">
              5、操作人员使用机动车无国家有关部门核发的有效操作证、许可证书或其他必备证书(所有证书证件必须在有效期间内);
            </p>
            <p style="font-size: 12px">6、驾驶人驾驶证实习期间</p>
            <p style="font-size: 12px">7、利用被服务机动车从事违法犯罪活动。</p>
            <p style="font-size: 12px">(三)被服务机动车有下列情形之一者：</p>
            <p style="font-size: 12px">
              1、发生本服务合同约定的事故时被服务机动车行驶证、号牌被注销，或未按规定进行安全技术检查或者检查不合格的；
            </p>
            <p style="font-size: 12px">2、被扣留、收缴、没收期间；</p>
            <p style="font-size: 12px">
              3、竞赛、测试期间，在营业性场所维修、保养、改装期间；
            </p>
            <p style="font-size: 12px">
              4、被服务人或驾驶人故意或过失，导致被服务机动车被利用从事犯罪行为；
            </p>
            <p style="font-size: 12px">
              5、被服务机动车违法、违规拖带其他机动车或物体；
            </p>
            <p style="font-size: 12px">
              6、被服务机动车无国家有关部门核发的有效营运证、许可证书或其他必备证书(所有证书证件必须在有效期间内
              ) ;
            </p>
            <p style="font-size: 12px">7、车上无驾驶员，溜车期间。</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第十条存在下列情况的被服务机动车的损失和费用，服务人不负责互助补偿：
            </p>
            <p style="font-size: 12px">
              (一)战争、军事冲突、恐怖活动、暴乱、污染(含放射性污染)、核反应、核辐射；
            </p>

            <p style="font-size: 12px">
              (二)违反安全装载规定(包括但不限于装卸期间发生的事故、超载引起的事故、超出限高限制高度发生事故)；
            </p>
            <p style="font-size: 12px">
              (三)被服务机动车被转让、改装、加装或改变使用性质等，导致被服务机动车危险程度增加，且未及时通知服务人，发生事故的；
            </p>
            <p style="font-size: 12px">
              (四)参统人、被服务人或驾驶人故意制造事故；
            </p>
            <p style="font-size: 12px">
              (五)因第三方故意或过失致使被服务车辆受损的；
            </p>
            <p style="font-size: 12px">(六)车辆自燃的；</p>
            <p style="font-size: 12px">(七)涉水造成发动机的损失。</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第十一条下列损失和费用，服务人不负责互助补偿：
            </p>

            <p style="font-size: 12px">
              (一)因市场价格变动造成的贬值、修理后因价值降低引起的减值损失；
            </p>

            <p style="font-size: 12px">
              (二)自然磨损、电池衰减、朽蚀、腐蚀、故障、本身质量缺陷；
            </p>
            <p style="font-size: 12px">
              (三)事故发生后，未在24小时内通知服务人，致使事故的性质、原因、损失程度等难以确定的，服务人对无法确定的部分，不承担互助补偿责任；
            </p>
            <p style="font-size: 12px">
              (四)被服务车辆遭受服务责任范围内的损失后，未经必要修理并检验合格继续使用，致使损失扩大部分；
            </p>
            <p style="font-size: 12px">
              (五)车辆质量问题或者车辆存在安全性能问题，发生的事故造成的损失；
            </p>
            <p style="font-size: 12px">
              (六)车轮单独损失（包括轮胎和轮毂），玻璃单独损失、无明显碰撞痕迹的车身划痕，以及原厂配置以外新增加设备的损失；
            </p>
            <p style="font-size: 12px">
              (七)被服务机动车（自卸车、吊车、土泵车、水泥搅拌车、随车吊等）在工作过程中产生的损失，具体情形包括但不限于：自卸车吊升或举升状态造成的损失、吊升的物体造成被服务机动车损失、冷藏车的冷机损失、水泥罐车因意外事故或不及时施救致使罐体停转或水泥凝固等原因导致的固罐的损失；
            </p>
            <p style="font-size: 12px">
              (八)被服务机动车全车被盗窃、被抢劫、被抢夺、下落不明，以及在此期间受到的损坏，或被盗窃、被抢劫、被抢夺未遂受到的损坏，或仅车上零部件、附属设备丢失；
            </p>
            <p style="font-size: 12px">
              (九)因被服务人违反本条款第十五条约定，导致无法确定的损失；
            </p>
            <p style="font-size: 12px">(十)发动机进水后导致的发动机损失；</p>
            <p style="font-size: 12px">
              (十一) ADAS+DMS双防设备已提醒，因司机的过失，发生的事故。
            </p>
            <p style="font-size: 12px">
              (十二)
              ADAS+DMS双防设备损坏、不能使用，24小时通知服务人更换，发生事故未使用车辆安全监控设备的
              。
            </p>
            <p style="font-size: 12px">
              (十三)律师费、诉讼费、仲裁费、司法鉴定费、损失评估费等间接损失。
            </p>
          </div>
          <!--          <div-->
          <!--            style="-->
          <!--              width: 100%;-->
          <!--              position: absolute;-->
          <!--              top: 50%;-->
          <!--              left: 50%;-->
          <!--              transform: translate(-50%, -50%);-->
          <!--              z-index: 0;-->
          <!--            "-->
          <!--          >-->
          <!--            <img src="/logo.png" style="opacity: 0.1; width: 100%"  alt=""/>-->
          <!--          </div>-->
        </div>
        <div title="第四页" style="position: relative">
          <div style="position: relative; z-index: 2">
            <p style="font-size: 16px; text-align: center">绝对免赔额</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第十二条对于被服务人与服务人在参加服务时协商确定绝对免赔额的，服务人在依据本服务合同约定计算服务补偿款的基础上，增加每次事故绝对免补偿额。
            </p>
            <br/>
            <p style="font-size: 16px; text-align: center">服务金额</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第十三条服务金额按参统时被服务机动车的实际价值确定。
            </p>
            <p style="font-size: 12px">
              参加服务时被服务机动车的实际价值由被服务人与服务人根据参加服务时的新车购置价减去折旧金额后的价格协商确定或其他市场公允价值协商确定。折旧金额可根据本服务合同列明的参考折旧系数表确定。
            </p>
            <br/>
            <p style="font-size: 16px; text-align: center">互助补偿处理</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第十四条发生事故后，服务人依据本条款约定在服务责任范围内承担互助补偿责任。服务补偿方式由服务人与被服务人协商确定。车辆损失的服务补偿金额以阳光财保汽车服务有限公司核定的损失金额为准。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第十五条被服务机动车发生事故，维修前被服务人应当会同服务人检验，协商确定维修机构、维修项目、方式和费用。因被服务人或者驾驶人原因造成损失无法确定的，服务人不承担服务补偿责任。新能源车蓄电池因事故造成损伤，由服务人指定第三方机构进行检测，并结合该第三方机构意见进行修复，非必要不更换。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第十六条被服务机动车遭受损失后的残损部件或达到报废程度的残值由服务人、被服务人协商处理。如折价补偿后归被服务人的，由双方协商确定其价值并在服务补偿款中扣除。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第十七条因第三方对被服务机动车的损害，被服务人应当向第三方索赔的，服务人不负责承担互助补偿责任。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第十八条机动车损失互助补偿款按以下方法计算：。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (一)全部损失互助补偿款=服务金额一被服务人应从第三方获得的补偿金额一绝对免赔额；。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (二)部分损失被服务机动车发生部分损失，服务人按实际修复费用在服务金额内计算互助补偿，互助补偿款=实际修复费用一被服务人应从第三方获得的补偿金额一绝对免赔额；。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (三)施救费施救的财产中，含有本服务合同之外的财产，应按本服务合同服务财产的施救难度比例分摊施救费用。。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第十九条被服务机动车发生事故，导致全部损失，或一次互助补偿款金额与免赔金额之和(不含施救费)达到服务金额，服务人按本服务合同约定支付互助补偿款后，本服务责任终止，服务人不退还机动车损失服务及其附加险的服务费。。
            </p>
            <br/>
            <p style="font-size: 20px; text-align: center">
              第二章机动车第三者责任服务
            </p>
            <br/>
            <p style="font-size: 17px; text-align: center">服务责任</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第二十条服务期间内，被服务人或其允许的驾驶人在使用被服务机动车过程中发生意外事故，致使第三者遭受人身伤亡或财产直接损毁，依法应当对第三者承担的损害互助补偿责任，且不属于免除服务人责任的范围，服务人依照本服务条款的约定，对于超过机动车交通事故责任强制保险各分项赔偿限额的部分负责互助补偿。
            </p>
            <br/>

            <!--            <div-->
            <!--              style="-->
            <!--                width: 100%;-->
            <!--                position: absolute;-->
            <!--                top: 50%;-->
            <!--                left: 50%;-->
            <!--                transform: translate(-50%, -50%);-->
            <!--                z-index: 0;-->
            <!--                padding-top: 10px;-->
            <!--              "-->
            <!--            >-->
            <!--              <img-->
            <!--                src="/logo.png"-->
            <!--                style="opacity: 0.1; width: 100%"-->
            <!--                alt="logo"-->
            <!--              />-->
            <!--            </div>-->
          </div>
          <div title="第五页" style="position: relative">
            <div style="position: relative; z-index: 2">
              <p style="text-indent: 2em; font-size: 12px">
                第二十一条双方事故，服务人依据被服务机动车一方在事故中所负的事故责任比例，承担相应的服务补偿责任。被服务人或被服务机动车一方根据有关法律法规选择自行协商或由公安机关交通管理部门处理事故，但未确定事故责任比例的，按照下列规定确定事故责任比例：
              </p>
            </div>
            <p style="text-indent: 2em; font-size: 12px">
              被服务机动车一方负主要事故责任的，事故责任比例为70%;
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              被服务机动车一方负同等事故责任的，事故责任比例为50%;
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              被服务机动车一方负次要事故责任的，事故责任比例为30%。
            </p>
            <p style="text-indent: 2em; font-size: 12px">多方事故除外。</p>
            <br/>
            <p style="text-align: center; font-weight: bold">责任免除</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第二十二条在上述服务责任范围内，下列情况，不论任何原因造成的人身伤亡、财产损失和费用，服务人均不负责补偿：
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (一)事故发生后，被服务人或驾驶人故意破坏、伪造现场，毁灭证据
            </p>
            <p style="text-indent: 2em; font-size: 12px">1、交通肇事逃逸；</p>
            <p style="text-indent: 2em; font-size: 12px">
              2、饮酒、吸食或注射毒品、服用国家管制的精神药品或者麻醉药品；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              3、无驾驶证，驾驶证被依法扣留、暂扣、吊销、注销期间；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              4、 驾驶与驾驶证载明的准驾车型不相符合的机动车；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              5、
              操作人员使用无国家有关部门核发的有效操作证、许可证书或其他必备证书(所有证书证件必须在有效期间内);
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              6、非被服务人允许的驾驶人；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              7、驾驶人驾驶证实习期间；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              8、利用被服务机动车从事违法犯罪活动。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (三)被服务机动车有下列情形之一者：
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              1、发生事故时被服务机动车行驶证、号牌被注销的，或未按规定进行安全技术检查或者检查不合格的；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              2、被扣留、收缴、没收期间；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              3、竞赛、测试期间，在营业性场所维修、保养、改装期间；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              4、全车被盗窃、被抢劫、被抢夺、下落不明期间；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              5、被服务机动车违法、违规拖带其他机动车或物体；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              6、
              被服务机动车无国家有关部门核发的有效营运证、许可证书或其他必备证书(所有证书证件必须在有效期间内);
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              7、车上无驾驶员，车辆溜车期间。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第二十三条下列原因导致的人身伤亡、财产损失和费用，服务人不负责服务补偿：
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (一)战争、军事冲突、恐怖活动、暴乱、污染(含放射性污染)、核反应、核辐射；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (二)第三者、被服务人或驾驶人故意制造服务事故、犯罪行为，第三者与被服务人或其他致害人恶意串通的行为；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (三)被服务机动车被转让、改装、加装或改变使用性质等，导致被服务机动车危险程度增加，且未及时通知服务人，发生服务事故的；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (四)被服务机动车作业期间（如自卸车举升状态下）造成的损失；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (五)违反中华人民共和国道路交通安全法;
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (六)违反安全装载规定(含标的车及车上货物超出限高限制高度发生事故造成的损失）。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              第二十四条下列人身伤亡、财产损失和费用，服务人不负责服务补偿：
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (一)被服务机动车发生意外事故，致使任何单位或个人停业、停驶、停电、停水、停气、停产、通讯或网络中断、电压变化、数据丢失造成的损失以及其他各种间接损失；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (二)第三者财产因市场价格变动造成的贬值，修理后因价值降低引起的减值损失；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (三)被服务人及其家庭成员、驾驶人及其家庭成员所有、承租、使用、管理、运输或代管的财产的损失，以及本车上财产的损失；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (四)被服务人、驾驶人、本车车上人员的人身伤亡；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (五)停车费、保管费、扣车费、罚款、罚金或惩罚性补偿款；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (六)超出《道路交通事故受伤人员临床诊疗指南》和国家基本医疗服务同类医疗费用标准的费用部分；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (七)律师费，诉讼费、仲裁费、司法鉴定费、损失评估费等间接损失；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (八)参统人、被服务人或驾驶人知道服务事故发生后，未在24小时内通知服务人，致使服务事故的性质、原因、损失程度等难以确定的，服务人对无法确定的部分，不承担互助补偿责任；
            </p>
            <!--            <div-->
            <!--              style="-->
            <!--                width: 100%;-->
            <!--                position: absolute;-->
            <!--                top: 50%;-->
            <!--                left: 50%;-->
            <!--                transform: translate(-50%, -50%);-->
            <!--                z-index: 0;-->
            <!--              "-->
            <!--            >-->
            <!--              <img-->
            <!--                src="/logo.png"-->
            <!--                style="opacity: 0.1; width: 100%"-->
            <!--                alt="logo"-->
            <!--              />-->
            <!--            </div>-->
          </div>
        </div>
        <div title="第六页" style="position: relative">
          <div style="position: relative; z-index: 2; padding-top: 2px">
            <p style="text-indent: 2em; font-size: 12px">
              (九)因被服务人违反本条款第二十八条约定，导致无法确定的损失；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (十)精神损害抚慰金(计算的总费用不包含精神损害抚慰金)；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (十一)应当由机动车交通事故责任强制保险赔偿的损失和费用；服务事故发生时,被服务机动车未参统
              机动车交通事故责任强制保险或机动车交通事故责任强制保险合同已经失效的，对于机动车交通事故责任强制保险责任限额以内的费用，服务人不负责互助补偿；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (十二)被服务机动车举升、吊升物品过程中发生意外事故，造成被举升、吊升物品的损失；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (十三)在作业中由于震动、移动或减弱支撑造成的财产、土地、建筑物的损毁及由此造成的人身伤亡；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (十四)水泥罐车作业过程中，检查、检修水泥罐车工作状况导致的人身伤亡；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (十五)车辆质量问题或者车辆存在安全性能问题，发生的事故造成的损失；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (十六) ADAS+DMS双防设备已提醒，因司机的过失，发生的事故；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (十七)ADAS+DMS双防设备损坏、不能使用，24小时通知服务人更换，发生事故未使用车辆安全监控设备的；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (十八)应当由机动车交通事故责任强制统筹险补偿的损失和费用。
            </p>
            <br/>
            <p style="text-align: center; font-weight: bold">责任限额</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第二十五条每次事故的责任限额，由被服务人和服务人在签订本服务合同时协商确定。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第二十六条主车和挂车连接使用时视为一体，发生服务事故时，由主车服务人和挂车服务人按照服务单上
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              载明的机动车第三者责任服务责任限额的比例，在各自的责任限额内承担服务补偿责任。
            </p>
            <br/>
            <p style="text-align: center; font-weight: bold">互助补偿处理</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第二十七条服务人对被服务人或其允许的驾驶人给第三者造成的损害，可以直接向该第三者互助补偿。被服务人或其允许的驾驶人给第三者造成损害，对第三者应负的互助补偿责任确定的，根据被服务人的请求，服务人应当直接向该第三者补偿。被服务人怠于请求的，第三者就其应获补偿部分直接向服务人请求服务
              补偿的，服务人可以直接向该第三者服务补偿。被服务人或其允许的驾驶人给第三者造成损害，未向该第三者互助补偿的，服务人不得向被服务人互助补偿。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第二十八条发生事故后，服务人依据本条款约定在服务责任范围内承担互助补偿责任。互助补偿方式由服务人与被服务人协商确定。第三者损失的互助补偿金额以阳光财保汽车服务有限公司核定的损失金额为准。因事故损坏的第三者财产，修理前被服务人应当会同服务人检验，协商确定维修机构、修理项目、方式和费用。因被服务人或者驾驶人原因造成损失无法确定的，服务人不承担互助补偿责任。如涉及新能源车蓄电池损伤，由服务人指定第三方机构进行检测，并结合该第三方机构意见进行修复，非必要不更换。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第二十九条互助补偿款计算
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (一)当(依合同约定核定的第三者损失金额一机动车交通事故责任强制保险的分项补偿限额)×事故责任比例等于或高于每次事故责任限额时：互助补偿款=每次事故责任限额；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (二)当(依合同约定核定的第三者损失金额一机动车交通事故责任强制保险的分项补偿限额)×事故责任比例低于每次事故责任限额时：
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              互助补偿款=(依合同约定核定的第三者损失金额一机动车交通事故责任强制保险的分项补偿限额)×事故责任比例。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第三十条服务人按照《道路交通事故受伤人员临床诊疗指南》和国家基本医疗保险的同类医疗费用标准核定医疗费用的互助补偿金额。未经服务人书面同意，被服务人自行承诺或支付的补偿金额，服务人有权重新核定。不属于服务人服务补偿范围或超出服务人应互助补偿金额的，服务人不承担互助补偿责任。
            </p>
            <br/>
            <p style="text-align: center; font-weight: 600">
              第三章机动车车上人员责任服务
            </p>

            <br/>
            <p style="text-align: center; font-weight: 600">服务责任</p>

            <!--            <div-->
            <!--              style="-->
            <!--                width: 100%;-->
            <!--                position: absolute;-->
            <!--                top: 50%;-->
            <!--                left: 50%;-->
            <!--                transform: translate(-50%, -50%);-->
            <!--                z-index: 0;-->
            <!--              "-->
            <!--            >-->
            <!--              <img-->
            <!--                src="/logo.png"-->
            <!--                style="opacity: 0.1; width: 100%"-->
            <!--                alt="logo"-->
            <!--              />-->
            <!--            </div>-->
          </div>
        </div>
        <div title="第七页" style="position: relative">
          <div style="position: relative; z-index: 2; padding-top: 2px">
            <p style="text-indent: 2em; font-size: 12px">
              第三十一条服务期间内，被服务人或其允许的驾驶人在驾驶被服务机动车行驶过程中发生意外事故，致使车上人员(包括驾驶人、乘坐人，不包括在车上作业人员)遭受人身伤亡，且不属于免除服务人责任的范围，依法应当对车上人员医药费承担损害服务补偿责任，服务人依照本服务合同的约定负责服务补偿。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第三十二条双方事故，服务人依据被服务机动车一方在事故中所负的事故责任比例，承担相应的互助补偿责任。被服务人或被服务机动车一方根据有关法律法规选择自行协商或由公安机关交通管理部门处理事故，但未确定事故责任比例的，按照下列规定确定事故责任比例：
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              被服务机动车一方负主要事故责任的，事故责任比例为70%;
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              被服务机动车一方负同等事故责任的，事故责任比例为50%;
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              被服务机动车一方负次要事故责任的，事故责任比例为30%。
            </p>
            <p style="text-indent: 2em; font-size: 12px">多方事故除外。</p>

            <p style="text-align: center; font-weight: 600">责任免除</p>

            <p style="text-indent: 2em; font-size: 12px">
              第三十三条在上述服务责任范围内，下列情况下，不论任何原因造成的人身伤亡，服务人均不负责互助补偿：
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              （一）事故发生后，被服务人或驾驶人故意破坏、伪造现场，毁灭证据；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              （二）驾驶人有下列情形之一者：
            </p>
            <p style="text-indent: 2em; font-size: 12px">1、交通肇事逃逸：</p>
            <p style="text-indent: 2em; font-size: 12px">
              2、饮酒、吸食或注射毒品、服用国家管制的精神药品或者麻醉药品；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              3、无驾驶证，驾驶证被依法扣留、暂扣、吊销、注销期间；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              4、驾驶与驾驶证载明的准驾车型不相符合的机动车；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              5、非被服务人允许的驾驶人；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              7、操作人员使用机动车无国家有关部门核发的有效操作证、许可证书或其他必备证书(所有证书证件必须在有效期间内)。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              8、驾驶人驾驶证实习期间
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              9、利用被服务机动车从事违法犯罪活动。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (三)被服务机动车有下列情形之一者：
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (三)罚款、罚金或惩罚性补偿款；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (四)超出《道路交通事故受伤人员临床诊疗指南》和国家基本医疗服务同类医疗费用标准的费用部分；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (五)律师费，诉讼费、仲裁费、伤残鉴定费、损失评估费等间接损失；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (六)被服务人或驾驶人知道服务事故发生，未在24小时内通知服务人，致使服务事故的性质、原因、损失程度等难以确定的，服务人对无法确定的部分，不承担补偿责任；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (七)精神损害抚慰金(计算的总费用不包含精神损害抚慰金);
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (八)应当由机动车交通事故责任强制保险赔付的损失和费用。事故发生时，被服务机动车未参统机动车交通事故责任强制保险或机动车交通事故责任强制保险合同已经失效的，对于机动车交通事故责任强制保险责任限额以内的费用，服务人不负责互助补偿；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (九)参统机动车举升、吊升物品过程中发生意外事故，造成的损失；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (十)水泥罐车作业过程中，检查、检修水泥罐车工作状况导致的人身伤亡；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (十一)车辆质量问题或者车辆存在安全性能问题，发生的事故造成的损失；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (十二)车上人员的误工费、护理费；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (十三) ADAS+DMS双防设备已提醒，因司机的过失，发生的事故。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (十四)
              ADAS+DMS双防设备损坏、不能使用，24小时通知服务人更换，发生事故未使用车辆安全监控设备的。
            </p>
            <p style="text-align: center; font-weight: 600">责任限额</p>

            <p style="text-indent: 2em; font-size: 12px">
              第三十六条驾驶人每次事故责任限额和乘客每次事故每人责任限额由参统人和服务人在参统时协商确定。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              参统乘客座位数按照被服务机动车的核定载客数(驾驶人座位除外)确定。
            </p>

            <p style="text-align: center; font-weight: 600">互助补偿处理</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第三十七条互助补偿款计算发生事故后，服务人依据本条款约定在服务责任范围内承担互助补偿责任，互助补偿方式由服务人与被服务人协商确定。车上人员损失的互助补偿金额以阳光财保汽车服务有限公司核定的损失金额为准。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              (一)对每座的受害人，当(依合同约定核定的每座车上人员人身伤亡损失金额一应由机动车交通事故责任强制保险补偿的金额)×事故责任比例高于或等于每次事故每座责任限额时：互助补偿款=每次事故每座责任限额
            </p>

            <!--            <div-->
            <!--              style="-->
            <!--                width: 100%;-->
            <!--                position: absolute;-->
            <!--                top: 50%;-->
            <!--                left: 50%;-->
            <!--                transform: translate(-50%, -50%);-->
            <!--                z-index: 0;-->
            <!--              "-->
            <!--            >-->
            <!--              <img-->
            <!--                src="/logo.png"-->
            <!--                style="opacity: 0.1; width: 100%"-->
            <!--                alt="logo"-->
            <!--              />-->
            <!--            </div>-->
          </div>
        </div>
        <div title="第八页" style="position: relative">
          <div style="position: relative; z-index: 2; padding-top: 3px">
            <p style="text-indent: 2em; font-size: 12px">
              (二)对每座的受害人，当(依合同约定核定的每座车上人员人身伤亡损失金额一应由机动车交通事故责任强制保险补偿的金额)×事故责任比例低于每次事故每座责任限额时：互助补偿款=(依合同约定核定的每座车上人员人身伤亡损失金额一应由机动车交通事故责任强制保险补偿的金额)×事故责任比例。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第三十八条服务人按照《道路交通事故受伤人员临床诊疗指南》和国家基本医疗保险的同类医疗费用标准核定医疗费用的互助补偿金额。未经服务人书面同意，被服务人自行承诺或支付的补偿金额，服务人有权重新核定。不属于服务人互助补偿范围或超出服务人应互助补偿金额的，服务人不承担互助补偿责任。
            </p>
            <br/>
            <p style="font-size: 16px; text-align: center">第四章通用条款</p>

            <br/>
            <p style="font-size: 16px; text-align: center">服务期间</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第三十九条除另有约定外，服务期间为一年，以服务单载明的起讫时间为准。
            </p>
            <br/>
            <p style="font-size: 16px; text-align: center">其他事项</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第四十条发生事故时，被服务人或驾驶人应当及时采取合理的、必要的施救和保护措施，防止或者减少损失，并在服务事故发生后24小时内通知服务人；否则，服务人有权拒绝互助补偿。被服务机动车全车被盗抢的，被服务人知道事故发生后，应在24小时内向当地公安刑侦部门报案，并通知服务人；否则，服务人有权拒绝互助补偿。被服务人索赔时，应当向服务人提供与确认事故的性质、原因、损失程度等有关的证明和资料。被统筹人应当提供服务单、损失清单、有关费用发票、被服务机动车行驶证、营运证和发生事故时驾驶人的驾驶证、从业资格证等。属于道路交通事故的，被服务人应当提供公安机关交通管理部门或法院等机构出具的事故证明、有关的法律文书(判决书、调解书、裁定书、裁决书等)及其他证明。被服务人或其允许的驾驶人根据有关法律法规规定选择自行协商方式处理交通事故的，被服务人应当提供依照《道路交通事故处理程序规定》签订记录交通事故情况的协议书。被服务机动车被盗抢的，被服务人索赔时，须提供服务单、损失清单、有关费用单据、《机动车登记证书》、机动车来历凭证及出险当地县级以上公安刑侦部门出具的盗抢立案证明和未侦破证明等文件。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第四十一条服务人按照本服务合同的约定，认为被服务人索赔提供的有关证明和资料不完整的，应当及时一次性通知被服务人补充提供。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第四十二条服务人收到被服务人的互助补偿请求后，应当及时作出核定；情形复杂的，应当在三十日内作出核定。服务人应当将核定结果通知被服务人；对属于服务责任的，在与被服务人达成服务补偿协议后十日内，履行互助补偿义务。服务合同对互助补偿期限另有约定的，服务人应当按照约定履行互助补偿义务。服务人未及时履行前款约定义务的，除支付互助补偿款外，应当补偿被服务人因此受到的损失。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第四十三条服务人依照本条款第四十二条的约定作出核定后，对不属于服务责任的，应当自作出核定之日起三日内向被服务人发出拒绝互助补偿通知书，并说明理由。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第四十四条服务人自收到服务补偿请求和有关证明资料之日起六十日内，对其服务补偿数额不能确定的，应当根据已有证明和资料可以确定的数额先予支付；服务人最终确定服务补偿数额后，应当支付相应的差额。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第四十五条服务人受理报案、现场查勘、核定损失、参与诉讼、进行抗辩、要求被服务人提供证明和资料、向被服务人提供专业建议等行为，均不构成服务人对服务补偿责任的承诺。
            </p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第四十六条在服务期间内，被服务机动车转让他人的，被服务人或者受让人应当及时通知服务人，并及时办理服务合同变更手续，变更手续完成后受让人承继被服务人的权利和义务。因被服务机动车转让导致被服务机动车危险程度发生显著变化的，服务人自收到前款约定的通知之日起三十日内，可以相应调整服务费或者解除本服务合同。
            </p>
            <!--            <div-->
            <!--              style="-->
            <!--                width: 100%;-->
            <!--                position: absolute;-->
            <!--                top: 50%;-->
            <!--                left: 50%;-->
            <!--                transform: translate(-50%, -50%);-->
            <!--                z-index: 0;-->
            <!--              "-->
            <!--            >-->
            <!--              <img-->
            <!--                src="/logo.png"-->
            <!--                style="opacity: 0.1; width: 100%"-->
            <!--                alt="logo"-->
            <!--              />-->
            <!--            </div>-->
          </div>
        </div>
        <div title="第九页" style="position: relative">
          <div style="position: relative; z-index: 2">
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第四十七条服务责任开始前，被服务人人要求解除本服务合同的，应当向服务人支付应交服务费金额3%的退助手续费，服务人应当退还服务费。服务责任开始后，参统人要求解除本服务合同的，自通知服务人之日起，本服
              务合同解除。服务人按日收取自服务责任开始之日起至合同解除之日止期间的服务费，并退还剩余部分服务费。
            </p>

            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              第四十八条因履行本服务合同发生的争议，由当事人协商解决，协商不成的，双方均有权向服务人所在地人民
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              法院提起诉讼。本服务合同适用中华人民共和国法律(不含港、澳、台地区法律)。
            </p>
            <br/>
            <p style="font-size: 16px; text-align: center">释 义</p>
            <br/>
            <p style="text-indent: 2em; font-size: 12px">
              【使用被服务机动车过程】指被服务机动车作为一种工具被使用的整个过程，包括行驶、停放及作业，但不包括在营业场所被维修养护期间、被营业单位拖带或被吊装等施救期间。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              【自然灾害】指对人类以及人类赖以生存的环境造成破坏性影响的自然现象，包括雷击、暴风、暴雨、洪
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              水、龙卷风、冰雹、台风、热带风暴、地陷、崖崩、滑坡、泥石流、雪崩、冰陷、暴雪、冰凌、沙尘暴、地震及其次生灾害等。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              【意外事故】指被服务人不可预料、无法控制的突发性事件，但不包括战争、军事冲突、恐怖活动暴乱、污染(含放射性污染)、核反应、核辐射等。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              【交通肇事逃逸】是指发生道路交通事故后，当事人为逃避法律责任，驾驶或者遗弃车辆逃离道路交通事故现场以及潜逃藏匿的行为。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              【车轮单独损失】指未发生被服务机动车其他部位的损失，因自然灾害、意外事故，仅发生轮胎、轮毂、轮毂罩的分别单独损失，或上述三者之中任意二者的共同损失，或三者的共同损失。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              【车身划痕】仅发生被服务机动车车身表面油漆的损坏，且无明显碰撞痕迹。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              【倾覆】指被服务机动车由于自然灾害或意外事故，造成本被服务机动车翻倒(两轮以上离地且车体触地),失去正常状态和行驶能力，不经施救不能恢复行驶。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              【新增加设备】指被服务机动车出厂时原有设备以外的，另外加装的设备和设施。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              【新车购置价】指本服务合同签订地购置与被服务机动车同类型新车的价格，无同类型新车市场销售价格的，由参统人与服务人协商确定。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              【机动车交通安全服务】指缴纳了机动车交通安全服务费的车辆，在遭遇交通事故、受到自然灾害等造成损失时，从服务人收取的所有机动车交通安全服务费中获取相应的经济服务补偿。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              【全部损失】指被服务机动车发生事故后灭失，或者受到严重损坏完全失去原有形体、效用，或者不能再
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              归被服务人所拥有的，为实际全损；或被服务机动车发生事故后，认为实际全损已经不可避免，或者为避免发生实际全损所需支付的费用超过实际价值的，为推定全损。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              【家庭成员】指配偶、父母、子女和其他共同生活的近亲属。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              【市场公允价值】指熟悉市场情况的买卖双方在公平交易的条件下和自愿的情况下所确定的价格，或无关联的双方在公平交易的条件下一项资产可以被买卖或者一项负债可以被清偿的成交价格。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              【饮酒】指驾驶人饮用含有酒精的饮料，驾驶机动车时血液中的酒精含量大于等于20mg/100mL的。
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              【法定节假日】法定节假日包括：中华人民共和国国务院规定的元旦、春节、清明节、劳动节、端午节、中秋节和国庆节放假调休日期，及星期六、星期日，具体以国务院公布的文件为准。
            </p>
            <p style="text-indent: 2em; font-size: 12px">法定节假日不包括：</p>
            <p style="text-indent: 2em; font-size: 12px">
              1、因国务院安排调休形成的工作日；
            </p>
            <p style="text-indent: 2em; font-size: 12px">
              2、国务院规定的一次性全国假日；
            </p>
            <p style="text-indent: 2em; font-size: 12px">3、地方性假；</p>
            <p style="text-indent: 2em; font-size: 12px">
              【污染(含放射性污染)】指被服务机动车正常使用过程中或发生事故时，由于油料、尾气、货物或其他污染物的泄漏、飞溅、排放、散落等造成的被服务机动车和第三方财产的污损、状况恶化或人身伤亡。
            </p>

            <!--            背景水印图片设置-->
            <!--            <div-->
            <!--              style="-->
            <!--                width: 100%;-->
            <!--                position: absolute;-->
            <!--                top: 50%;-->
            <!--                left: 50%;-->
            <!--                transform: translate(-50%, -50%);-->
            <!--                z-index: 0;-->
            <!--              "-->
            <!--            >-->
            <!--              <img-->
            <!--                src="/logo.png"-->
            <!--                style="opacity: 0.1; width: 100%"-->
            <!--                alt="logo"-->
            <!--              />-->
            <!--            </div>-->
          </div>
        </div>

        <div title="第十页" style="position: relative">
          <div style="position: relative; z-index: 2">
            <div
                style="display: flex; justify-content: center; padding-top: 50px"
            >
              <table border="1" cellpadding="0" cellspacing="0" width="94%">
                <tbody>
                <tr>
                  <td style="text-align: center; padding: 5px" rowspan="4">
                    车辆种类
                  </td>
                  <td style="text-align: center; padding: 10px" colspan="4">
                    月折旧系数
                  </td>
                </tr>
                <tr>
                  <td style="text-align: center; padding: 5px" rowspan="2">
                    家庭自用
                  </td>
                  <td style="text-align: center; padding: 5px" rowspan="2">
                    非营业
                  </td>
                  <td style="text-align: center; padding: 5px" colspan="2">
                    营业
                  </td>
                </tr>
                <tr>
                  <td style="text-align: center; padding: 5px">出租</td>
                  <td style="text-align: center; padding: 5px">其他</td>
                </tr>
                <tr></tr>
                <tr>
                  <td style="text-align: center; padding: 5px">
                    9座以下客车
                  </td>
                  <td style="text-align: center; padding: 5px">0.60%</td>
                  <td style="text-align: center; padding: 5px">0.60%</td>
                  <td style="text-align: center; padding: 5px">1.10%</td>
                  <td style="text-align: center; padding: 5px">0.90%</td>
                </tr>
                <tr>
                  <td style="text-align: center; padding: 5px">
                    10座以上客车
                  </td>
                  <td style="text-align: center; padding: 5px">0.90%</td>
                  <td style="text-align: center; padding: 5px">0.90%</td>
                  <td style="text-align: center; padding: 5px">1.10%</td>
                  <td style="text-align: center; padding: 5px">0.90%</td>
                </tr>
                <tr>
                  <td style="text-align: center; padding: 5px">
                    微型载货汽车
                  </td>
                  <td style="text-align: center; padding: 5px">/</td>
                  <td style="text-align: center; padding: 5px">0.90%</td>
                  <td style="text-align: center; padding: 5px">1.10%</td>
                  <td style="text-align: center; padding: 5px">1.10%</td>
                </tr>
                <tr>
                  <td style="text-align: center; padding: 5px">
                    带拖挂的载货汽车
                  </td>
                  <td style="text-align: center; padding: 5px">/</td>
                  <td style="text-align: center; padding: 5px">0.90%</td>
                  <td style="text-align: center; padding: 5px">1.10%</td>
                  <td style="text-align: center; padding: 5px">1.10%</td>
                </tr>
                <tr>
                  <td style="text-align: center; padding: 5px">
                    低速货车和三轮汽车
                  </td>
                  <td style="text-align: center; padding: 5px">/</td>
                  <td style="text-align: center; padding: 5px">1.10%</td>
                  <td style="text-align: center; padding: 5px">1.40%</td>
                  <td style="text-align: center; padding: 5px">1.40%</td>
                </tr>
                <tr>
                  <td style="text-align: center; padding: 5px">其他车辆</td>
                  <td style="text-align: center; padding: 5px">/</td>
                  <td style="text-align: center; padding: 5px">0.90%</td>
                  <td style="text-align: center; padding: 5px">1.10%</td>
                  <td style="text-align: center; padding: 5px">0.90%</td>
                </tr>
                </tbody>
              </table>
            </div>
            <p style="text-indent: 2em">
              折旧按月计算，不足一个月的部分，不计折旧。最高折旧金额不超过参统时被统筹机动车新车购置价的80%。
            </p>
            <p style="text-indent: 2em">
              折旧金额=新车购置价×被统筹机动车已使用月数×月折旧系数
            </p>
            <p style="text-indent: 2em">
              【特需医疗类费用】指医院的特需医疗部门/中心/病房，包括但不限于特需医疗部、外宾医疗部、
              VIP部、国际医疗中心、联合医院、联合病房、干部病房、A级病房、家庭病房、套房等不属于社会基本
              医疗统筹范畴的高等级病房产生的费用，以及名医门诊、指定专家团队门诊、特需门诊、国际门诊等产生的费用。
            </p>
            <br/>
            <div
                v-if="contractInfo"
                style="
                font-size: 16px;
                display: flex;
                flex-wrap: wrap;
                justify-content: center;
                position: relative;
              "
            >
              <p
                  style="
                  display: flex;
                  width: 500px;
                  text-align: left;
                  position: relative;
                "
              >
                被服务人签章处:
                <img
                    style="
                    position: absolute;
                    z-index: 9;
                    left: 140px;
                    bottom: -60px;
                    transform: rotate(-90deg);
                  "
                    width="80"
                    :src="contractInfo.signature"
                />
              </p>
              <p style="width: 500px; text-align: left; display: inline-block">
                日期： {{ formatDate(contractItems?.orderSignDate, "年月日") }}
              </p>
            </div>

            <!--            背景水印图片设置-->
            <!--            <div-->
            <!--              style="-->
            <!--                width: 100%;-->
            <!--                position: absolute;-->
            <!--                top: 50%;-->
            <!--                left: 50%;-->
            <!--                transform: translate(-50%, -50%);-->
            <!--                z-index: 0;-->
            <!--              "-->
            <!--            >-->
            <!--              <img-->
            <!--                src="/logo.png"-->
            <!--                style="opacity: 0.1; width: 100%"-->
            <!--                alt="logo"-->
            <!--              />-->
            <!--            </div>-->
          </div>
        </div>
      </div>
    </div>
    <el-dialog
        v-model="dialogFormVisible"
        :show-close="false"
        title="修改"
        width="30%"
    >
      <el-form :model="form">
        <el-form-item>
          <!-- <template v-if="form.key == 'registerNumber'">
            <el-date-picker
              v-model="form.value"
              type="date"
              placeholder="请输入初次登记日期"
              :size="size"
            />
          </template>

          <template v-else> -->
          <el-input v-model.trim="form.value" autocomplete="off"/>
          <!-- </template> -->
        </el-form-item>
      </el-form>
      <template #footer>
        <span class="dialog-footer">
          <el-button @click="onCancel">取消</el-button>
          <el-button type="primary" @click="onConfirm">确认</el-button>
        </span>
      </template>
    </el-dialog>
  </div>
</template>

<style scoped>
p {
  color: black;
  font-weight: bold;
}

.top-button {
  width: 100vw;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  padding: 5px;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 999;
}

@media print {
  /* 设置打印时的页面尺寸 */
  @page {
    size: A4;
    margin: 0 auto;
  }

  /* 防止内容被裁剪 */
  .print-content {
    width: 80%;
    height: 100%;
    margin: 0 auto;
    overflow: visible;
    font-size: 16px;
  }
}

.about {
  padding: 0 15px;
  width: 100%;
}
</style>
